<form class="layui-form layui-form-pane">
    <div class="layui-form-item">
        <input id='r-editmode' class="layui-hide">
        <label class="layui-form-label">要素ID</label>
        <div class="layui-input-block">
            <input type="text" disabled="disabled" name="featureid" lay-verify="required" placeholder="要素ID" autocomplete="off" class="layui-input">
        </div>
        <label class="layui-form-label">要素名称</label>
        <div class="layui-input-block">
            <input type="text" name="featurename" lay-verify="required" placeholder="请输入要素名称" autocomplete="off" class="layui-input">
        </div>
        <label class="layui-form-label">设置图标</label>
        <div class="layui-inline">
            <div class="layui-input-block r-icons">
                <div class="r-icon r-icon-red"></div>
                <div class="r-icon r-icon-green"></div>
                <div class="r-icon r-icon-blue"></div>
            </div>
        </div>
        <div class="layui-inline">
            <div class="layui-input-block">
                <button id='r-upload-icon' type="button" class="layui-btn layui-icon layui-icon-addition"></button>
            </div>
        </div>
    </div>

    <div class="layui-form-item r-prop">
        <div class="layui-inline">
            <label class="layui-form-label">属性名称</label>
            <div class="layui-input-inline">
                <input type="text" name="propertyname" placeholder="请输入属性名称" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-input-inline">
                <button type="button" class="layui-btn layui-icon layui-icon-addition" onclick='prop.addProp(this)'>新增属性描述</button>
            </div>
            <div class="layui-input-inline">
                <button type="button" class="layui-btn layui-btn-danger layui-icon layui-icon-subtraction" onclick='prop.removeProp(this)'>删除属性描述</button>
            </div>
        </div>
        <label class="layui-form-label">属性内容</label>
        <div class="layui-input-block">
            <textarea name="propertydesc" placeholder="请输入内容" class="layui-textarea"></textarea>
        </div>
    </div>

    <div class="layui-form-item r-netaddr">
        <div class="layui-inline">
            <label class="layui-form-label">链接名称</label>
            <div class="layui-input-inline">
                <input type="text" name="netaddrname" placeholder="请输入链接名称" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-input-inline">
                <button type="button" class="layui-btn layui-icon layui-icon-addition" onclick='prop.addNetaddr(this)'>新增链接地址</button>
            </div>
            <div class="layui-input-inline">
                <button type="button" class="layui-btn layui-btn-danger layui-icon layui-icon-subtraction" onclick='prop.removeNetaddr(this)'>删除链接地址</button>
            </div>
        </div>
        <label class="layui-form-label">链接地址</label>
        <div class="layui-input-block">
            <div class="layui-input-inline">
                <input name="netaddrdesc" placeholder="请输入链接地址" class="layui-input">
            </div>
        </div>
    </div>

    <div class="layui-form-item r-images">
        <label class="layui-form-label">关联图片</label>
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input name="imgdesc" placeholder="请输入图片描述" class="layui-input">
            </div>
            <div class="layui-input-inline">
                <button type="button" class="layui-btn layui-icon layui-icon-addition" onclick='prop.addImage(this)'>新增关联图片</button>
            </div>
            <div class="layui-input-inline">
                <button type="button" class="layui-btn layui-btn-danger layui-icon layui-icon-subtraction" onclick='prop.removeImage(this)'>删除关联图片</button>
            </div>
        </div>
        <label class="layui-form-label">选择图片</label>
        <div class="layui-input-block">
            <div class="layui-upload-drag r-upload-img" id="r-upload-img-btn">
                <i class="layui-icon"></i>
                <p>点击上传，或将文件拖拽到此处</p>
                <div class="layui-hide" id="uploadPreView">
                    <hr>
                    <img src="" alt="上传成功后渲染" style="max-width: 64px" id="imgpath">
                </div>
            </div>
        </div>
    </div>

    <hr class="layui-border-red">
    <div class="layui-block">
        <button type="button" class="layui-btn layui-icon layui-icon-file layui-btn-fluid" onclick="prop.save(this)">保&nbsp;&nbsp;存
    </div>
</form>